{extend name="base" /}
{block name="main"}

<!--====== BANNER PART START ======-->
<section class="banner-slider">
    <div class="banner-area bg_cover d-flex align-items-center"
         style="background-image: url(/static/index/images/cn_banner-bg-1.jpg);">
        <div class="container">
            <div class="row justify-content-center" style="margin-top: 350px;">
                <div class="col-lg-8">
                    <div class="banner-content text-center">
                        <!--                        <div class="box" data-animation="fadeInDown" data-delay="0.5s" ></div><br>-->
                        <!--                        <span data-animation="fadeInLeft" data-delay="0.6s">Raising Money Has Never Been So Easy</span>-->
                        <!--                        <h3 data-animation="fadeInRightBig" data-delay="0.7s" class="title">Crowdfunding Platforms</h3>-->
                        <a data-animation="zoomIn" data-delay="0.8s" class="main-btn" href="single-project.html">{:__('申请采购')}</a>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>

<!--====== BANNER PART ENDS ======-->

<section class="explore-projects-area aaa" style="padding-bottom: 110px;">
    <div class="container">
        <div class="row justify-content-center">
            <div class="col-lg-8">
                <div class="section-title text-center">
                    <span>OUR CATEGORY</span>
                    <br>
                    <h3 class="title" style="letter-spacing: -0.05em;">需要找什么样的供货商 &nbsp;</h3>
                    <h3 class="fontw" style="letter-spacing: -0.05em;">尝试申请采购</h3>
                </div>
            </div>
        </div>
        <div class="row">
            <div class="col-lg-4" style="margin-left: 0px;">
                <div class="explore-projects-item mt-30">
                    <div class="explore-projects-thumb" style="height: unset;box-shadow:0px 4px 20px rgba(103, 103, 103, 0.4);">
                        <img src="/static/index/images/gsfl8.jpg" alt="explore-projects">
                        <a href="" class="gsfltpbn">
                            <div style="">
                                <img style="" src="/static/index/images/gsflicon8.png" alt="explore-projects">
                                <p>零件/原材料</p>
                            </div>
                        </a>
                    </div>
                </div>
            </div>
            <div class="col-lg-4">
                <div class="explore-projects-item mt-30">
                    <div class="explore-projects-thumb" style="height: unset;box-shadow:0px 4px 20px rgba(103, 103, 103, 0.4);">
                        <img src="/static/index/images/gsfl2.jpg" alt="explore-projects">
                        <a href="" class="gsfltpbn">
                            <div style="">
                                <img style="" src="/static/index/images/gsflicon3.png" alt="explore-projects">
                                <p>组装/加工</p>
                            </div>
                        </a>
                    </div>
                </div>
            </div>
            <div class="col-lg-4" style="margin-right: 0px;">
                <div class="explore-projects-item mt-30">
                    <div class="explore-projects-thumb" style="height: unset;box-shadow:0px 4px 20px rgba(103, 103, 103, 0.4);">
                        <img src="/static/index/images/gsfl6.jpg" alt="explore-projects">
                        <a href="" class="gsfltpbn">
                            <div style="">
                                <img style="" src="/static/index/images/gsflicon6.png" alt="explore-projects">
                                <p>企业服务</p>
                            </div>
                        </a>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>

<!--====== CATEGORIES PART START ======-->

<section class="fun-facts-area" style="padding-top: 120px;">
    <div class="container">
        <div class="row justify-content-center" style="padding-bottom: 44px;">
            <div class="col-lg-8">
                <div class="section-title text-center">
                    <span style="color: #fff;">OUR PROCESS</span>
                    <br>
                    <h3 class="title" style="color: #fff;">简单快捷的 <strong>采购流程</strong></h3>
                </div>
            </div>
        </div>
        <div class="row">
            <div class="col-lg-2 col-md-6">
                <div class="fun-facts-item text-center last-item">
                    <div class="liuchengicon">
                        <img src="/static/index/images/icon1.svg" alt="">
                        <div>
                            申请采购
                        </div>
                        <i>---</i>
                    </div>
                </div>
            </div>
            <div class="col-lg-2 col-md-6">
                <div class="fun-facts-item text-center last-item">
                    <div class="liuchengicon">
                        <img src="/static/index/images/icon2.svg" alt="">
                        <div>
                            在线治谈
                        </div>
                        <i>---</i>
                    </div>
                </div>
            </div>
            <div class="col-lg-2 col-md-6">
                <div class="fun-facts-item text-center last-item">
                    <div class="liuchengicon">
                        <img src="/static/index/images/icon3.svg" alt="">
                        <div>匹配供货商</div>
                        <i>---</i>
                    </div>
                </div>
            </div>
            <div class="col-lg-2 col-md-6">
                <div class="fun-facts-item text-center last-item">
                    <div class="liuchengicon">
                        <img src="/static/index/images/icon4.svg" alt="">
                        <div>
                            对比报价
                        </div>
                        <i>---</i>
                    </div>
                </div>
            </div>
            <div class="col-lg-2 col-md-6">
                <div class="fun-facts-item text-center last-item">
                    <div class="liuchengicon">
                        <img src="/static/index/images/icon5.svg" alt="">
                        <div>面见供货商</div>
                        <i>---</i>
                    </div>
                </div>
            </div>
            <div class="col-lg-2 col-md-6">
                <div class="fun-facts-item text-center last-item">
                    <div class="liuchengicon">
                        <img src="/static/index/images/icon6.svg" alt="">
                        <div>签订合同</div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>

<!--====== CATEGORIES PART ENDS ======-->


<!--====== TESTIMONIALS PART START ======-->

<section class="testimonials-area" style="padding-bottom: 0;">
    <div class="container">
        <div class="row justify-content-center">
            <div class="col-lg-6">
                <div class="section-title text-center">
                    <span>OUR PROPOSAL</span>
                    <h3 class="title">LINKSC 4大优势</h3>
                </div>
            </div>
        </div>
        <div class="row">
            <div class="col-lg-12">
                <div class="testimonials-slide">
                    {volist name="proposal" id="vo"}
                    <div class="testimonials-box mt-30">
                        <div class="row">
                            <div class="col-lg-6">
                                <div class="testimonials-content">
                                    <h4 class="title">{$vo.title}</h4>
                                    <p>{$vo.desc}</p>
                                </div>
                            </div>
                            <div class="col-lg-6">
                                <div class="testimonials-thumb text-right">
                                    <img src="{$vo.image}" alt="">
                                    <div class="quote"><i class="flaticon-left-quotes-sign"></i></div>
                                </div>
                            </div>
                        </div>
                    </div>
                    {/volist}
                </div>
            </div>
        </div>
    </div>
</section>

<!--====== TESTIMONIALS PART ENDS ======-->

<!--====== EXPLORE PROJECTS PART START ======-->

<style>

    /*分类样式*/
    .explore-projects-area .container div.fenlei{
        width: 80%;
        margin:0 auto;
        border-bottom:1px solid #e9e9ee;
        margin-bottom: 36px;
    }
    .explore-projects-area .container div.fenlei ul{
        width: max-content;
        margin:0 auto;
    }
    .explore-projects-area .container div.fenlei ul li{
        float: left;
    }
    .explore-projects-area .container div.fenlei ul a{
        display: inline-block;
        padding: 20px 20px;
        /*border-radius: 5px;*/
        /*border:1px solid #e9e9ee;*/
        margin: 0 5px;
        color: #000;
    }
    .explore-projects-area .container div.fenlei ul a.active{
        color: #674df0;
        font-weight: bold;
        border-bottom: 3px solid #674df0;
    }
    .explore-projects-area .container div.fenlei ul a.active{
        color: #674df0!important;
        font-weight: bold;
    }
    .clear{
        clear: both;
    }
    .hidden{
        /*display: none!important;*/
    }
</style>

<section class="explore-projects-area">
    <div class="container">
        <div class="row justify-content-center">
            <div class="col-lg-8">
                <div class="section-title text-center">
                    <span>OUR PARTNERS</span>
                    <h3 class="title">LINKSC {:__('供应链')}</h3>
                </div>
            </div>
        </div>
        <div>
            <div class="fenlei">
                <ul>
                    <li style="display: inline-block;"><a class="tardata active" data-id="0" href="javascript:;" data-id="all">全部</a></li>
                    {volist name="category" id="vo"}
                    <li style="display: inline-block;"><a class="tardata" data-id="{$vo.id}" href="javascript:;" data-id="class1">{$vo.name}</a></li>
                    {/volist}
                    <div class="clear"></div>
                </ul>
            </div>
        </div>
        <div class="row explore-project-active">
            {volist name="category" id="vo"}
            {volist name="$vo.list" id="v"}
            <div class="col-lg-4 company company-{$vo.id}">
                <div class="explore-projects-item mt-30">
                    <div class="explore-projects-thumb">
                        <img src="{$v.cover}" alt="explore-projects">
                        <a href="#"><i class="fa fa-heart"></i></a>
                    </div>
                    <div class="explore-projects-content" style="padding-left: 12px; padding-right: 12px;">
                        <div class="item d-flex align-items-center">
                            <span>{$v.type}</span>
                            <p><i class="fa fa-clock-o"></i> {$v.area}t</p>
                        </div>
                        <a href="single-project.html"><h3 class="title" style="font-size: 19px;">{$v.name}</h3></a>
                        <div class="projects-goal" style="padding: 0 5px; margin-top: 0;">
                            <div>注册时间： <span> {$v.reg_time}</span></div>
                            <div style="padding-top: 5px;">人员数： <span> {$v.person}</span></div>
                            <div style="padding-top: 5px;">注册资本： <span> {$v.reg_money}</span></div>
                        </div>
                    </div>
                </div>
            </div>
            {/volist}
            {/volist}
        </div>
    </div>
</section>

<!--====== EXPLORE PROJECTS PART ENDS ======-->




<!--====== WHY CHOOSE PART START ======-->

<section class="why-choose-area">
    <div class="container">
        <div class="row">
            <div class="col-lg-6">
                <div class="why-choose-thumb d-block d-sm-flex">
                    <div class="item-1">
                        <div class="conent">
                            <h4 class="title" style="font-size: 16px;">{:__('LINKSC新概念B2B采购平台，为全球500多客户，提供4000多家优质供货商，并持续寻找优质供货商。')}</h4>
                        </div>
                        <div class="thumb">
                            <img src="/static/index/images/why-choose-thumb-1.jpg" alt="">
                        </div>
                    </div>
                    <div class="item-2">
                        <div class="thumb">
                            <img src="/static/index/images/why-choose-thumb-2.jpg" alt="">
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-lg-6">
                <div class="why-choose-content">
                    <span>WHY CHOOSE US</span>
                    <h3 class="title" style="padding-top: 10px; padding-bottom: 15px; font-size: 50px;">LINKSC</h3>
                    <h3 class="title" style="font-size: 40px; font-weight: bold;">两大必选的理由</h3>
                    <div class="item mt-50">
                        <i class="flaticon-checkmark"></i>
                        <h4>AI智能匹配供货商</h4>
                        <p>我们通过多年累计的供货商的数据经AI智能匹配向您提供最适合您的，最有竞争力的货源。</p>
                    </div>
                    <div class="item mt-50">
                        <i class="flaticon-checkmark"></i>
                        <h4>从采购到签约 为您全程服务</h4>
                        <p>匹配货商，对比报价，面见供货商和最终签合。服务开始即秉持服务到底的信念全程伴您左右。</p>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>

<!--====== WHY CHOOSE PART ENDS ======-->

<!--====== FUN FACTS PART START ======-->

<section class="fun-facts-area">
    <div class="container">
        <div class="row">
            <div class="col-lg-3 col-md-6">
                <div class="fun-facts-item text-center">
                    <div class="icon">
                        <i class="flaticon-scrum"></i>
                    </div>
                    <br>
                    <h4 class="title odometer" data-count="690">00</h4><span style="display: inline-block; margin-left: 10px;">{:__('个')}</span>
                    <span>{:__('合作企业')}</span>
                </div>
            </div>
            <div class="col-lg-3 col-md-6">
                <div class="fun-facts-item text-center">
                    <div class="icon">
                        <i class="flaticon-mission"></i>
                    </div>
                    <br>
                    <h4 class="title odometer" data-count="8080">00</h4><span style="display: inline-block; margin-left: 10px;">{:__('个')}</span>
                    <span>{:__('供货商数量')}</span>
                </div>
            </div>
            <div class="col-lg-3 col-md-6">
                <div class="fun-facts-item text-center">
                    <div class="icon">
                        <i class="flaticon-team"></i>
                    </div>
                    <br>
                    <h4 class="title odometer" data-count="440">00</h4><span style="display: inline-block; margin-left: 10px;">{:__('次')}</span>
                    <span>{:__('委托采购')}</span>
                </div>
            </div>
            <div class="col-lg-3 col-md-6">
                <div class="fun-facts-item text-center last-item">
                    <div class="icon">
                        <i class="flaticon-increment"></i>
                    </div>
                    <br>
                    <h4 class="title odometer" data-count="2870">000</h4><span style="display: inline-block; margin-left: 10px;">{:__('亿元')}</span>
                    <span>{:__('累计交易金额')}</span>
                </div>
            </div>
        </div>
    </div>
    <div class="fun-facts-shape-1">
        <img src="/static/index/images/fun-facts-shape-1.png" alt="">
    </div>
    <div class="fun-facts-shape-2">
        <img src="/static/index/images/fun-facts-shape-2.png" alt="">
    </div>
</section>

<!--====== FUN FACTS PART ENDS ======-->

<style>
    .margin0at{
        display: block;
        margin: 10px auto;
    }
    @media (max-width: 768px){
        .heiheihei{
            margin: unset!important;
        }
        .container{
            width:100%!important ;
        }
        .heiheihei{
            padding: 0 0 0 0 !important;
        }
    }
</style>
<!--====== GUIDE PART START ======-->
<section class="testimonials-area" style="padding-top: 120px;">
    <div class="container">
        <div class="row justify-content-center">
            <div class="col-lg-6">
                <div class="section-title text-center">
                    <span>OUR CLIENT</span>
                    <br>
                    <!-- <h3 class="title">링크소싱&nbsp;</h3> -->
                    <h3 class="fontw">
                        LINKSC 合作企业
                    </h3>
                </div>
            </div>
        </div>
        <div class="row heiheihei" style="padding:0 15px;margin: auto -70px;">
            <p style="width: 20%;margin-bottom: 15px;"><!-- class="col-xl-2 col-lg-3 col-md-4  col-sm-6" -->
                <img class="margin0at" src="/static/index/images/logo1.jpg" alt="">
            </p>
            <p style="width: 20%;margin-bottom: 15px;">
                <img class="margin0at" src="/static/index/images/logo2.jpg" alt="">
            </p>
            <p style="width: 20%;margin-bottom: 15px;">
                <img class="margin0at" src="/static/index/images/logo3.jpg" alt="">
            </p>
            <p style="width: 20%;margin-bottom: 15px;">
                <img class="margin0at" src="/static/index/images/logo4.jpg" alt="">
            </p>
            <p style="width: 20%;margin-bottom: 15px;">
                <img class="margin0at" src="/static/index/images/logo5.jpg" alt="">
            </p>
            <p style="width: 20%;margin-bottom: 15px;">
                <img class="margin0at" src="/static/index/images/logo6.jpg" alt="">
            </p>
            <p style="width: 20%;margin-bottom: 15px;">
                <img class="margin0at" src="/static/index/images/logo7.jpg" alt="">
            </p>
            <p style="width: 20%;margin-bottom: 15px;">
                <img class="margin0at" src="/static/index/images/logo8.jpg" alt="">
            </p>
            <p style="width: 20%;margin-bottom: 15px;">
                <img class="margin0at" src="/static/index/images/logo9.jpg" alt="">
            </p>
            <p style="width: 20%;margin-bottom: 15px;">
                <img class="margin0at" src="/static/index/images/logo10.jpg" alt="">
            </p>
            <p style="width: 20%;margin-bottom: 15px;">
                <img class="margin0at" src="/static/index/images/logo11.jpg" alt="">
            </p>
            <p style="width: 20%;margin-bottom: 15px;">
                <img class="margin0at" src="/static/index/images/logo12.jpg" alt="">
            </p>
            <p style="width: 20%;margin-bottom: 15px;">
                <img class="margin0at" src="/static/index/images/logo13.jpg" alt="">
            </p>
            <p style="width: 20%;margin-bottom: 15px;">
                <img class="margin0at" src="/static/index/images/logo14.jpg" alt="">
            </p>
            <p style="width: 20%;margin-bottom: 15px;">
                <img class="margin0at" src="/static/index/images/logo15.jpg" alt="">
            </p>
            <p style="width: 20%;margin-bottom: 15px;">
                <img class="margin0at" src="/static/index/images/logo16.jpg" alt="">
            </p>
            <p style="width: 20%;margin-bottom: 15px;">
                <img class="margin0at" src="/static/index/images/logo17.jpg" alt="">
            </p>
            <p style="width: 20%;margin-bottom: 15px;">
                <img class="margin0at" src="/static/index/images/logo18.jpg" alt="">
            </p>
            <p style="width: 20%;margin-bottom: 15px;">
                <img class="margin0at" src="/static/index/images/logo19.jpg" alt="">
            </p>
            <p style="width: 20%;margin-bottom: 15px;">
                <img class="margin0at" src="/static/index/images/logo20.jpg" alt="">
            </p>
            <p style="width: 20%;margin-bottom: 15px;">
                <img class="margin0at" src="/static/index/images/logo21.jpg" alt="">
            </p>
            <p style="width: 20%;margin-bottom: 15px;">
                <img class="margin0at" src="/static/index/images/logo22.jpg" alt="">
            </p>
            <p style="width: 20%;margin-bottom: 15px;">
                <img class="margin0at" src="/static/index/images/logo23.jpg" alt="">
            </p>
            <p style="width: 20%;margin-bottom: 15px;">
                <img class="margin0at" src="/static/index/images/logo24.jpg" alt="">
            </p>
            <p style="width: 20%;">
                <img class="margin0at" src="/static/index/images/logo25.jpg" alt="">
            </p>
            <!-- <p style="width: 20%;">
                <img class="margin0at" src="/static/index/images/logo26.jpg" alt="">
            </p> -->
        </div>
    </div>
</section>

<!--====== GUIDE PART ENDS ======-->
{/block}